<template>
  <div class="goods">
    <p>{{uname}}</p>
    <p>{{age}}</p>
    <p>{{gender}}</p>
  </div>
</template>

<script>
export default {
//接受父组件传递过来得数据
//递过来得数据和data数据一样用，不能修改
// props:['uname','age','gender']

//也可以写成对象格式（写更多配置）
//有3个配置可以使用 required 表示必填 type类型约束   default 默认值
props:{
  uname:{
    required:true,  //表示父组件必须传递uname
    type:String  //要求父组件传过来得数据必须是字符串
  },
  age:Number,  // 表示父组件传过来得值，必须是Number类型
  gender:{
    default:'未知',
    type:[String,Number]  //如果允许多种类型，则写成数组格式
  }
}
}
</script>

<style>
  .goods {
    padding: 10px;
    margin: 8px;
    border: solid 3px black;
    min-height: 50px;
  }
</style>